<html>
<head>

<style>
.test
{
	padding: 10px;
	float: left;
	margin: 10px;
	width: 150px; 
	height: 100px;
	background-image:
	url(img/background.png),
	url(img/border.png),
	url(img/background.png);
	background:
	url(img/background.png) top left no-repeat,
	url(img/border.png) bottom left no-repeat,
	url(img/background.png) bottom right no-repeat;
	background-repeat: no-repeat;
	background-position: top left, bottem left, bottom right;
	background-color: blue;
}

</style>

</head>
<body>
<H1> Multiple Backgrounds </h1>
<div id="test1" class="test"><b>Multiple Backgrounds</b></div>
</div>
</html>